﻿@model  IEnumerable<StartStop.ServiceResources.Trophy>
@{
    ViewBag.Title = "Trophies";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("~/js/jquery-1.6.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/js/jquery.cycle.all.latest.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#slider').cycle({
            pager: '#slider-pager'
        });

        $('.activetab a').each(function () {
            var activeTab = $(this).parents('li').index();
            var paneVisible = $(this).parents('ul').next().children('div').eq(activeTab);
            paneVisible.show().siblings().hide();
        });

        $('.tabs a').click(function () {
            $(this).parents('li').addClass('activetab').siblings().removeClass('activetab');
            var activeTab = $(this).parent('li').index();
            var paneVisible = $(this).parents('ul').next().children('div').eq(activeTab);
            paneVisible.show().siblings().hide();
            return false;
        });

        $('.toggle').click(function () {
            $(this).parents('h3').siblings('.box-content').slideToggle('fast');
            $(this).toggleClass('closed');
            return false;
        })


    });
</script>
<div id="profile" class="section group">
    <div id="bc">
        You are here: <a href="/">Home</a> <a href="/Award/Trophies/">Trophies</a>
    </div>
    <!-- /breadcrumb -->
    <!-- /breadcrumb -->
    <div id="generic-wrap">
        <h2 class="medium">
            Trophies</h2>
        <p class="apps">
        </p>
        <table class="tbl" cellspacing="0">
            <tr>
                <th>
                    Trophy Name
                </th>
                <th>
                    Award Condition
                </th>
                <th class="last">
                    Users with trophy
                </th>
            </tr>
            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        <a href="/Award/Trophy/@item.TrophyID">
                            @item.Name
                        </a>
                    </td>
                    <td>
                        @item.Description
                    </td>
                    <td>
                    </td>
                </tr>
                    
            }
        </table>
    </div>
    <!-- /generic-wrap -->
</div>
